<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录页面</title>
<link rel="stylesheet" type="text/css" href="css/layui.css" />
<link rel="stylesheet" type="text/css" href="css/login.css" />
<script src="layui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-3.3.1.js" type="text/javascript"></script>
</head>

<body>
	<div class="login-wrap">
		<h1 class="wrap-title">宿舍管理系统</h1>
		<form class="layui-form layui-form-pane" action="login" method="post">
			<!--用户名-->
			<div class="layui-form-item">
				<!--用户名登录图标-->
				<label class="layui-form-label"><i
					class="layui-icon layui-icon-username"></i></label>
				<div class="layui-input-block">
					<input type="text" name="name" required lay-verify="name"
						placeholder="请输入用户名" autocomplete="off" class="layui-input">
				</div>
			</div>
			<!--密码-->
			<div class="layui-form-item">
				<!--密码登录图标-->
				<label class="layui-form-label"><i
					class="layui-icon layui-icon-password"></i></label>
				<div class="layui-input-block">
					<input type="password" name="pwd" required
						lay-verify="required|pass" placeholder="请输入密码" autocomplete="off"
						class="layui-input">
				</div>
			</div>
			<!--密码-->
			<div class="layui-form-item">
				<!--密码登录图标-->
				<input type="radio" name="classes" value="系统管理员" title="系统管理员"
					checked> <input type="radio" name="classes" value="宿舍管理员"
					title="宿舍管理员"> <input type="radio" name="classes"
					value="学生" title="学生">
			</div>
			<!--登录按钮-->
			<div class="layui-form-item">
				<button class="layui-btn layui-btn-fluid layui-btn-radius"
					lay-submit lay-filter="formDemo">登录</button>
				<!--<input type="reset" class="layui-btn layui-btn-radius" value="重置" />-->
			</div>
		</form>
		<h6 class="wrap-foot">版权所有 2020 cll</h6>
	</div>

	<script>
		/* function checkLogin() {
			$.post(
				//请求路径
				"login",
				//传值
				$("form").serialize(),
				//回调函数
				function(data) {
					alert(data);
				},
				//返回类型
				"json"
			);
		} */
		layui.use([ 'layer', 'form' ], function() {
			var layer = layui.Layer, form = layui.form;

			form.on('button(formDemo)', function(data) {
				//					console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
				//					console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
				console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
				return true; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
			});

			form.verify({
				//					name: function(value, item) { //value：表单的值、item：表单的DOM对象
				//						if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
				//							return '用户名不能有特殊字符';
				//						}
				//						if(/(^\_)|(\__)|(\_+$)/.test(value)) {
				//							return '用户名首尾不能出现下划线\'_\'';
				//						}
				//						if(/^\d+\d+\d$/.test(value)) {
				//							return '用户名不能全为数字';
				//						}
				//					},
				pass : [ /^[\S]{3,12}$/, '密码必须3到12位，且不能出现空格' ]
			});
		});
	</script>
</body>

</html>